<template>
  <Dialog title="划扣详情" :visible="visible" :reveal="false" @close="handleClose">
    <el-row style="padding-bottom: 30px">
      <div class="details-title">项目划扣</div>
      <div>
        <el-table :data="currentRow.customerList" border :row-class-name="tableColor">
          <el-table-column prop="customerName" label="顾客" :show-overflow-tooltip="true" />
          <el-table-column prop="projectName" label="项目" :show-overflow-tooltip="true" />
          <el-table-column label="执行数量" prop="executionQuantity" :show-overflow-tooltip="true" />
        </el-table>
      </div>
      <!-- <div v-if="currentRow.projectType === '美容类项目' || currentRow.projectType === '手术项目'" class="details-title margin-top">回访计划</div>
    <div v-if="currentRow.projectType === '美容类项目' || currentRow.projectType === '手术项目'" class="margin-top">下次间隔 7天跟进，跟进人员：张三</div> -->
      <div class="details-title margin-top">主理登记</div>
      <el-row v-if="currentRow.projectType === '美容类项目'">
        <el-col :span="12" class="margin-top">主诊医生：{{ currentRow.attendingDoctorName }}</el-col>
        <el-col :span="12" class="margin-top">治疗师：{{ currentRow.therapeutistName }}</el-col>
        <el-col :span="12" class="margin-top">美疗师：{{ currentRow.beautyTherapistName }}</el-col>
        <el-col :span="12" class="margin-top">护士：{{ currentRow.nurseName }}</el-col>
      </el-row>
      <el-row v-if="currentRow.projectType === '手术项目'">
        <el-col :span="12" class="margin-top">主刀医生：{{ currentRow.chiefSurgeonName }}</el-col>
        <el-col :span="12" class="margin-top">麻醉医生：{{ currentRow.anesthesiologistName }}</el-col>
        <el-col :span="12" class="margin-top">助理医生：{{ currentRow.assistantDoctorName }}</el-col>
        <el-col :span="12" class="margin-top">把关医生：{{ currentRow.checkDoctorName }}</el-col>
        <el-col :span="12" class="margin-top">巡回护士：{{ currentRow.circulatingNurseName }}</el-col>
        <el-col :span="12" class="margin-top">器械护士：{{ currentRow.instrumentNurseName }}</el-col>
      </el-row>
      <el-row v-if="currentRow.projectType !== '手术项目' && currentRow.projectType !== '美容类项目'">
        <el-col :span="12" class="margin-top">主理医生：{{ currentRow.chiefPhysicianName }}</el-col>
        <el-col :span="12" class="margin-top">护士：{{ currentRow.nurseName }}</el-col>
      </el-row>
      <div v-if="currentRow.scratchConsumablesDtoList && currentRow.scratchConsumablesDtoList.length > 0" class="details-title margin-top">耗材登记</div>
      <div v-if="currentRow.scratchConsumablesDtoList && currentRow.scratchConsumablesDtoList.length > 0">
        <el-table :data="currentRow.scratchConsumablesDtoList" border>
          <el-table-column prop="materialMedicineName" label="耗材" />
          <el-table-column prop="consumptionQuantity" label="消耗数量" />
          <el-table-column label="特殊备注" prop="specialRemarks" />
        </el-table>
      </div>
      <el-col class="margin-top">备注：{{ currentRow.remark }}</el-col>
      <el-col class="margin-top" :span="12">操作员：{{ currentRow.deductionName }}</el-col>
      <el-col class="margin-top" :span="12">划扣时间：{{ currentRow.deductionTime }}</el-col>
    </el-row>
  </Dialog>
</template>
<script>
import Dialog from "@/components/Dialog";
import { tableColor } from '@/utils/common.js';
export default {
  components: {
    Dialog,
  },
  props: {
    currentRow: {
      type: Object,
      default: () => ({}),
    },
    visible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      tableColor,
    };
  },
  methods: {
    handleClose() {
      this.$emit('close');
    },
  },
};
</script>
<style lang="scss" scoped>
.details-title{
  // border-left: 5px solid rgba(0, 153, 255, 1);
  // border-bottom: 1px solid #000;
  // padding-left: 15px;
  line-height: 30px;
  font-weight: bold;                                                                                                                                                           ;
}
.margin-top{
  margin-top: 20px;
}
</style>
